<!DOCTYPE html>
<html>
  
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
</head>
  
  <body>
    <div class="x-body">
        <form action="" method="post" class="layui-form layui-form-pane">
                <div class="layui-form-item">
                    <label for="complaintObject" class="layui-form-label">
                        <span class="x-red">*</span>投诉对象
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="complaintObject" name="complaintObject" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                
                <div class="layui-form-item layui-form-text"style="width: 600px;">
                    <label for="complaintContent" class="layui-form-label">
                       	 内容描述
                    </label>
                    <div class="layui-input-block" >
                        <textarea placeholder="请输入内容" id="complaintContent" name="complaintContent" class="layui-textarea"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                <button class="layui-btn" lay-submit="" lay-filter="add">提交</button>
              </div>
            </form>
    </div>
    <script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer;
        

          //监听提交
          form.on('submit(add)', function(data){
              console.log(data.field);
              $.ajax({
                  type: "post",
                  url: "proposeComplaint",
                  async: true,
                  data: data.field,
                  success: function(result) {
                      if(result.msg == 'success'){
                          layer.alert("提交成功", {icon: 1});
                      }else{
                          layer.alert("提交失败", {icon: 2});
                      }
                  },
                  error: function() {
                      layer.alert("与服务器连接异常", {icon: 2});
                  }
              });
              return false;
            });
          
          
        });
    </script>

  </body>

</html>